<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Traffic Tip - Não seja pego de surpresa no trânsito</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link href="js_css/styles.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA6n4mnYyhliwGS_KVgdcN9RT2yXp_ZAY8_ufC3CFXhHIE1NvwkxT-lhEiRjMXNAgYQH_f2Yzv12wbQg&sensor=true"></script>
		<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA6n4mnYyhliwGS_KVgdcN9RT2yXp_ZAY8_ufC3CFXhHIE1NvwkxT-lhEiRjMXNAgYQH_f2Yzv12wbQg"></script>
		<script type="text/javascript" src="http://ejohn.org/files/htmlparser.js"></script>
		<script type="text/javascript" src="js_css/traffictip.js"></script>
	</head>
	<body onunload="GUnload();">
		<div id="main"><!-- start header -->
			<div id="header">
				<div id="logo">
					<h1><a href="#">Traffic Tip</a></h1>
					<h2><a href="#" id="metamorph">Desenvolvido por Diogo Kiss</a></h2>
				</div>
				<div id="menu">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Sobre</a></li>
						<li><a href="#">Contato</a></li>
					</ul>
				</div>	
				<!-- end header -->
			</div>
			<hr />
			<!-- start page -->
			<div id="page">
				<!-- start content -->
				<div id="content">
					<div class="post">
						<h1 class="title"><a href="#">Para onde você quer ir?</a></h1>
						<p class="meta"><small>Informações fornecidas pela <a href="transito.rio.rj.gov.br/entrada.cfm?pagina=6&menusel=5">CET-RIO</a></small></p>
						<div class="entry">
							<p>Informe no formulário, a origem e o destino de sua rota para saber as condições do trânsito no percurso.</p>
							<div id="formulario">
									<ul>
										<li><label for="origin">Origem</label></li>
										<li><input type="text" size="40" id="origin" name="origin" value="Rua Barao de Piracinunga, 26  - Tijuca"/></li>
									</ul>
									<ul>
										<li><label for="destination">Destino</label></li>
										<li><input type="text" size="40" id="destination" name="destination" value="Av. Rio Branco,1 - Centro"/></li>
									</ul>
									<ul>
										<li><input type="button" name="route" value="Mostrar rota" onclick="javascript:route();"/></li>
									</ul>
								</div>
							<div id="map"></div> 
							<!-- <div id="route" style="width: 35%; height:480px; float:right; border; 1px solid black;"></div>  -->
						</div>
						</div>
				</div>
				<!-- end content -->
				<!-- start sidebar two -->
				<div id="sidebar2" class="sidebar">
					<ul>
						<li>
							<div id="route"/>
						</li>
					</ul>
				</div>
				<!-- end sidebar two -->
				<div style="clear: both;">&nbsp;</div>
			</div>
			<!-- end page -->
			<hr />
			<!-- start footer -->
			<div id="footer">
				<p>Copyright &copy; 2008. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> 
				<p>Design by <a href="http://www.metamorphozis.com/" title="Free Site Templates">Free Site Templates</a>, coded by <a href="http://www.flashtemplatesdesign.com" title="Free Flash Templates">Free Flash Templates</a>
					</p>
			</div>
		</div>
		<!-- end footer -->
	</body>
</html>
